<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>智能门锁管理系统</title>
	<link href="./css/public.css" rel="stylesheet">
    <script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="./js/lock-list.js"></script>
  </head>
  <body>
    <div class="rotateShow">
        <div style="transform: rotateY(360deg) translateZ(118px);" class="item1">
            <img src="./images/bottom.png">
        </div>
        <div style="transform: rotateY(360deg) translateZ(118px);" class="item2">
            <img src="./images/20.png">
        </div>
        <!-- <div style="transform: rotateY(360deg) translateZ(118px);" class="item3">
            <img src="./images/18.png">
        </div> -->
        <div class="headline">SmartLock</div>
    </div>
    <div class="logindemo">
		<div class="loginform">
			<div class="loginformhead">
				登录
			</div>
			<div class="loginformmain">
				<form>
					<table>
						<tr>
							<td class="inputtext"><input type="text" class="inp" placeholder="Username"/></td>
						</tr>
						<tr>
							<td class="inputtext"><input type="text" class="inp" placeholder="Password"/></td>
						</tr>
						<tr>
							<td colspan="2"><input type="button" value="Sign in" class="inputbtn" onclick="login()"></td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
  </body>
</html>
